<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本信息</title>
</head>
<body>
<script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>

<ul>
<li><span class="text-muted">muted</span></li>
<li><span class=" text-muted">淡灰色文本</span></li>

<li><span class=" text-primary">强调的文本</span></li>

<li><span class=" text-success">操作成功文本</span></li>

<li><span class=" text-info">提示信息文本</span></li>

<li><span class=" text-warning">警告文本</span></li>

<li><span class=" text-danger">危险操作文本</span></li>


</ul>

</body>
</html>